/*
  Menus with submenus.
  Adapted from Kalsey:  http://kalsey.com/2003/05/css_tabs_with_submenus/
  Things to note:
    * Each page must alter the body class to get the correct menu. 
    * Submenus are positioned absolutely!  This is difficult to avoid in a cross-browser fashion. 
-----------------------------------------------------------------*/

#menu {
	background-color: #003366;
	border-bottom : 1px solid #3366CC;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #E5ECF9;
	border : 1px solid #3366CC;
	color : #3366CC;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:hover	{
	color : Red;
}
	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a {
	background : White;
	padding-bottom: 2px;
	border-bottom : 1px solid White;
	color : #3366CC;
  cursor : default;
}

body.section-1 #menu li#nav-1 a.selected,
body.section-2 #menu li#nav-2 a.selected,
body.section-3 #menu li#nav-3 a.selected,
body.section-4 #menu li#nav-4 a.selected {
    font-weight: bold;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4 {
	display : inline;
	left: 0em;
	top: 1.5em;
  position: absolute;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a {
	background: White;
	border: none;
	border-left: 1px solid #3366CC;
	color : #3366CC;
	line-height: 10px;
	margin-right: 4px;
	padding : 5px 10px 5px 10px;
	text-decoration : none;
  cursor : default;
}

body.section-1 #menu ul#subnav-1 a.selected,
body.section-2 #menu ul#subnav-2 a.selected,
body.section-3 #menu ul#subnav-3 a.selected,
body.section-4 #menu ul#subnav-4 a.selected {
    font-weight: bold;
}

#menu ul a:hover {
	color : Red !important;
}

#contents {
	background : White;
  color : #3366CC;
	border-top : none;
	clear : both;
	margin-top: 10px;
	padding: 15px;
  /*padding-top: 30px;*/
}

/* This is used to keep the sub-menus from absolute positioning outside the borders of site. */
#menu-container {
	position: relative;
}



